<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">
    
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Soho - Chat and Discussion Platform</title>
    <!-- Soho css -->
    <link rel="stylesheet" href="dist/css/soho.min.css">
</head>
<body>

<!-- layout -->
<div class="layout">

    <!-- 导航栏 -->
    <nav class="navigation">
        <div class="nav-group">
            <ul>

                <li>
                    <a data-navigation-target="chats" class="active notifiy_badge" href="">
                        <i class="ti-comment-alt"></i>
                    </a>
                </li>

            </ul>
        </div>
    </nav>
    <!-- ./ navigation -->

    <!-- content -->
    <div class="content">

        <!-- chat -->
        <div class="chat" id="notice-content">
            <div class="chat-body"> <!-- .no-message -->
                <!--
                <div class="no-message-container">
                    <i class="fa fa-comments-o"></i>
                    <p>Select a chat to read messages</p>
                </div>
                -->
                <div v-for="notice in notices" class="messages">
                    <div class="message-item">
                        <div class="message-content">
                            Hey, Maher! I'm waiting for you to send me the files.
                        </div>
                        <!--<div class="message-action">-->
                            <!--Am 09:34 <i class="ti-double-check"></i>-->
                        <!--</div>-->
                    </div>
                </div>


            </div>
        </div>
        <!-- ./ chat -->

    </div>
    <!-- ./ content -->

</div>
<!-- ./ layout -->

<!-- JQuery -->
<script src="vendor/jquery-3.4.1.min.js"></script>

<!-- Popper.js -->
<script src="vendor/popper.min.js"></script>

<!-- Bootstrap -->
<script src="vendor/bootstrap/bootstrap.min.js"></script>

<!-- Nicescroll -->
<script src="vendor/jquery.nicescroll.min.js"></script>

<!-- Soho -->
<script src="dist/js/soho.min.js"></script>

<!-- Examples -->
<script src="dist/js/notice.js"></script>

</body>

</html>
